<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>工作任务-首页</title>

<link rel="stylesheet" href="../lib/element-ui/index.css">
<link rel="stylesheet" href="./index.css">

</head>
<body>

	<div id="app">
		<div v-for="(item, index) in listData" v-if="null != item.code" :class="('api-item api-item-00' + (index % 5 + 1))">
			<div>
				<span v-if="12 < item.code.length">{{item.code.substring(0, 7)}}...{{item.code.substring(item.code.length - 5)}}</span>
				<span v-else>{{item.code}}</span>
				<span @click="onDelete(item.code)">&#xe640;</span>
			</div>
			<div>{{item.name}}</div>
			<div>
				<span>{{item.ts}}</span><span @click="onEdit(item.code)">修改&#xe919;</span>
			</div>
		</div>
		<div class="add-item" @click="onAdd()">&#xe634;</div>
	</div>
	
</body>


<script type="text/javascript" src="../lib/vue.js"></script>
<script type="text/javascript" src="../lib/element-ui/index.js"></script>
<script type="text/javascript" src="../../lib/snail.common.js"></script>
<script type="text/javascript" src="./index.js"></script>

</html>